.main-buttons,
.main-buttons-more-menu-popup,
.main-buttons-menu-popup,
.main-buttons-default-menu-popup {
	--mib-height: 60px;
	--mib-background: #fff;
	--mib-item-spacing: 50px;
	--mib-padding-left: 25px;
	--mib-padding-right: 50px;
	--mib-padding-top: 0;
	--mib-padding-bottom: 0;
	--mib-margin-bottom: 8px;

	--mib-menu-underline-size: 0;
	--mib-menu-underline-color: transparent;
	--mib-menu-underline-bottom: 0;

	--mib-item-font-size: 15px;
	--mib-item-font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	--mib-item-font-weight: var(--ui-font-weight-semi-bold, 600);
	--mib-item-color: #545c6a;
	--mib-item-active-color: #1058d0;
	--mib-item-hover-color: var(--mib-item-active-color);
	--mib-item-passive-opacity: 0.6;
	--mib-item-underline-size: 2px;
	--mib-item-underline-color: #1058d0;
	--mib-item-underline-bottom: 0;
	--mib-item-hover-underline-size: 0;
	--mib-item-hover-underline-color: transparent;
	--mib-item-link-transition: none;

	--mib-item-super-title-font-size: 8px;
	--mib-item-super-title-color: #2fc6f6;
	--mib-item-super-title-font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	--mib-item-super-title-font-weight: var(--ui-font-weight-semi-bold, 600);

	--mib-item-edit-button-opacity: 0.4;
	--mib-item-drag-button-opacity: 0.4;

	--mib-item-edit-button-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.46068 8.05197C4.94329 8.37468 3.62514 7.05614 3.94791 5.53908C4.10055 4.82172 4.82142 4.1008 5.53879 3.94813C7.05589 3.62523 8.37455 4.94347 8.05177 6.46094C7.88246 7.25682 7.25656 7.88272 6.46068 8.05197ZM9.88625 5.04705C9.81118 4.74015 9.7025 4.44648 9.56145 4.17196C9.55552 4.16041 9.55689 4.14652 9.56505 4.13641L10.2281 3.31431C10.3719 3.13705 10.3654 2.88201 10.2137 2.71095L9.79348 2.23798C9.64115 2.06708 9.38855 2.03094 9.19586 2.15268L8.29225 2.72073C7.90051 2.44703 7.45752 2.24388 6.97985 2.12418C6.96718 2.121 6.95757 2.11066 6.95541 2.09776L6.78217 1.05667C6.74507 0.831731 6.55042 0.666687 6.32193 0.666687H5.68865C5.46062 0.666687 5.2653 0.831731 5.22903 1.05667L5.05483 2.09815C5.05267 2.11101 5.04308 2.12132 5.03043 2.12449C4.64386 2.22137 4.28077 2.37428 3.94816 2.57419C3.93695 2.58092 3.92287 2.58043 3.91222 2.57282L3.07038 1.97202C2.88518 1.8397 2.63079 1.86039 2.46916 2.02168L2.02177 2.4694C1.86048 2.63103 1.83978 2.88543 1.97246 3.07064L2.57467 3.91417C2.58226 3.9248 2.58279 3.93888 2.57607 3.95009C2.3781 4.28013 2.22679 4.64106 2.13001 5.02412C2.12681 5.03677 2.1165 5.04633 2.10365 5.04848L1.05646 5.22335C0.831873 5.26043 0.666504 5.45511 0.666504 5.68361V6.31643C0.666504 6.54491 0.831873 6.73961 1.05646 6.77669L2.10361 6.95155C2.11649 6.95371 2.12681 6.96329 2.12999 6.97595C2.20872 7.28869 2.32086 7.58784 2.46828 7.86631C2.47442 7.87792 2.47313 7.89203 2.46487 7.90226L1.80513 8.71938C1.66176 8.89648 1.66777 9.15168 1.81945 9.32259L2.23937 9.79557C2.3917 9.96678 2.64445 10.0023 2.83715 9.88085L3.73567 9.3164C3.74668 9.30947 3.76072 9.30976 3.77149 9.31705C4.15498 9.57621 4.5876 9.76706 5.05129 9.88085L5.22905 10.9433C5.26532 11.1683 5.46062 11.3334 5.68865 11.3334H6.32193C6.55043 11.3334 6.74507 11.1683 6.78217 10.9434L6.9557 9.90207C6.95786 9.88918 6.96747 9.87886 6.98014 9.87569C7.36171 9.78014 7.72009 9.62994 8.04956 9.43355C8.06077 9.42688 8.0748 9.42741 8.0854 9.43498L8.96312 10.0619C9.148 10.1947 9.40257 10.1738 9.56402 10.012L10.0116 9.56445C10.1727 9.40331 10.1945 9.14906 10.0607 8.9635L9.43592 8.08744C9.42833 8.07681 9.42781 8.06275 9.43453 8.05155C9.63308 7.72039 9.78521 7.35876 9.88145 6.97398C9.88462 6.96131 9.89494 6.95171 9.90781 6.94955L10.9432 6.77666C11.1685 6.73956 11.3332 6.54488 11.3332 6.31639V5.68358C11.3328 5.45511 11.1681 5.26043 10.9429 5.22333L9.88625 5.04705Z' fill='%23525c68'/%3E%3C/svg%3E");
	--mib-item-edit-button-image-white: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.46068 8.05197C4.94329 8.37468 3.62514 7.05614 3.94791 5.53908C4.10055 4.82172 4.82142 4.1008 5.53879 3.94813C7.05589 3.62523 8.37455 4.94347 8.05177 6.46094C7.88246 7.25682 7.25656 7.88272 6.46068 8.05197ZM9.88625 5.04705C9.81118 4.74015 9.7025 4.44648 9.56145 4.17196C9.55552 4.16041 9.55689 4.14652 9.56505 4.13641L10.2281 3.31431C10.3719 3.13705 10.3654 2.88201 10.2137 2.71095L9.79348 2.23798C9.64115 2.06708 9.38855 2.03094 9.19586 2.15268L8.29225 2.72073C7.90051 2.44703 7.45752 2.24388 6.97985 2.12418C6.96718 2.121 6.95757 2.11066 6.95541 2.09776L6.78217 1.05667C6.74507 0.831731 6.55042 0.666687 6.32193 0.666687H5.68865C5.46062 0.666687 5.2653 0.831731 5.22903 1.05667L5.05483 2.09815C5.05267 2.11101 5.04308 2.12132 5.03043 2.12449C4.64386 2.22137 4.28077 2.37428 3.94816 2.57419C3.93695 2.58092 3.92287 2.58043 3.91222 2.57282L3.07038 1.97202C2.88518 1.8397 2.63079 1.86039 2.46916 2.02168L2.02177 2.4694C1.86048 2.63103 1.83978 2.88543 1.97246 3.07064L2.57467 3.91417C2.58226 3.9248 2.58279 3.93888 2.57607 3.95009C2.3781 4.28013 2.22679 4.64106 2.13001 5.02412C2.12681 5.03677 2.1165 5.04633 2.10365 5.04848L1.05646 5.22335C0.831873 5.26043 0.666504 5.45511 0.666504 5.68361V6.31643C0.666504 6.54491 0.831873 6.73961 1.05646 6.77669L2.10361 6.95155C2.11649 6.95371 2.12681 6.96329 2.12999 6.97595C2.20872 7.28869 2.32086 7.58784 2.46828 7.86631C2.47442 7.87792 2.47313 7.89203 2.46487 7.90226L1.80513 8.71938C1.66176 8.89648 1.66777 9.15168 1.81945 9.32259L2.23937 9.79557C2.3917 9.96678 2.64445 10.0023 2.83715 9.88085L3.73567 9.3164C3.74668 9.30947 3.76072 9.30976 3.77149 9.31705C4.15498 9.57621 4.5876 9.76706 5.05129 9.88085L5.22905 10.9433C5.26532 11.1683 5.46062 11.3334 5.68865 11.3334H6.32193C6.55043 11.3334 6.74507 11.1683 6.78217 10.9434L6.9557 9.90207C6.95786 9.88918 6.96747 9.87886 6.98014 9.87569C7.36171 9.78014 7.72009 9.62994 8.04956 9.43355C8.06077 9.42688 8.0748 9.42741 8.0854 9.43498L8.96312 10.0619C9.148 10.1947 9.40257 10.1738 9.56402 10.012L10.0116 9.56445C10.1727 9.40331 10.1945 9.14906 10.0607 8.9635L9.43592 8.08744C9.42833 8.07681 9.42781 8.06275 9.43453 8.05155C9.63308 7.72039 9.78521 7.35876 9.88145 6.97398C9.88462 6.96131 9.89494 6.95171 9.90781 6.94955L10.9432 6.77666C11.1685 6.73956 11.3332 6.54488 11.3332 6.31639V5.68358C11.3328 5.45511 11.1681 5.26043 10.9429 5.22333L9.88625 5.04705Z' fill='%23FFF'/%3E%3C/svg%3E");
	--mib-item-edit-button-image-opacity: 1;
	--mib-item-edit-button-right: -17px;
	--mib-item-edit-button-top: 3px;

	--mib-item-drag-button-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='14' viewBox='0 0 6 14'%3E%3Cpath fill='%23717A84' fill-rule='evenodd' d='M0 0h2v2H0V0zm0 4h2v2H0V4zm4-4h2v2H4V0zm0 4h2v2H4V4zM0 8h2v2H0V8zm4 0h2v2H4V8zm-4 4h2v2H0v-2zm4 0h2v2H4v-2z'/%3E%3C/svg%3E");
	--mib-item-drag-button-image-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='14' viewBox='0 0 6 14'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M0 0h2v2H0V0zm0 4h2v2H0V4zm4-4h2v2H4V0zm0 4h2v2H4V4zM0 8h2v2H0V8zm4 0h2v2H4V8zm-4 4h2v2H0v-2zm4 0h2v2H4v-2z'/%3E%3C/svg%3E");
	--mib-item-drag-button-image-opacity: 1;

	--mib-item-menu-arrow-width: 10px;
	--mib-item-menu-arrow-height: 7px;
	--mib-item-menu-arrow-margin-left: 8px;
	--mib-item-menu-arrow-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.74487 0.411011L5.75298 3.4029L4.99922 4.14499L4.25975 3.4029L1.26786 0.411011L0.212108 1.46676L5.00632 6.26098L9.80054 1.46676L8.74487 0.411011Z' fill='%23525C69'/%3E%3C/svg%3E");
	--mib-item-menu-arrow-image-white: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.74487 0.411011L5.75298 3.4029L4.99922 4.14499L4.25975 3.4029L1.26786 0.411011L0.212108 1.46676L5.00632 6.26098L9.80054 1.46676L8.74487 0.411011Z' fill='%23FFF'/%3E%3C/svg%3E");
}

.main-buttons,
.main-buttons-more-menu-popup,
.main-buttons-default-menu-popup,
.main-buttons-menu-popup {
	--mib-item-lock-icon-width: 9px;
	--mib-item-lock-icon-height: 12px;
	--mib-item-lock-icon-margin-right: 5px;
	--mib-item-lock-icon-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12' viewBox='0 0 9 12'%3E%3Cpath fill='%2328BAE9' fill-rule='evenodd' d='M7.952,5 L9,5 L9,12 L0,12 L0,5 L1.052,5 L1.052,3.412 C1.11533167,1.55232274 2.64124466,0.0774904251 4.502,0.0774904251 C6.36275534,0.0774904251 7.88866833,1.55232274 7.952,3.412 L7.952,5 Z M6.99642783,5 L7.008,3.412 C6.90300229,2.07727573 5.83574593,1.02108344 4.5,0.93 C3.16425407,1.02108344 2.09699771,2.07727573 1.992,3.412 L2.00504053,5 L6.99642783,5 Z M5.019,8.879 L5.019,10.166 L3.981,10.166 L3.981,8.879 C3.78769484,8.72535601 3.67503077,8.49192785 3.675,8.245 C3.675,7.78936508 4.04436508,7.42 4.5,7.42 C4.95563492,7.42 5.325,7.78936508 5.325,8.245 C5.32496923,8.49192785 5.21230516,8.72535601 5.019,8.879 L5.019,8.879 Z'/%3E%3C/svg%3E");
	--mib-item-lock-icon-image-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12' viewBox='0 0 9 12'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M7.952,5 L9,5 L9,12 L0,12 L0,5 L1.052,5 L1.052,3.412 C1.11533167,1.55232274 2.64124466,0.0774904251 4.502,0.0774904251 C6.36275534,0.0774904251 7.88866833,1.55232274 7.952,3.412 L7.952,5 Z M6.99642783,5 L7.008,3.412 C6.90300229,2.07727573 5.83574593,1.02108344 4.5,0.93 C3.16425407,1.02108344 2.09699771,2.07727573 1.992,3.412 L2.00504053,5 L6.99642783,5 Z M5.019,8.879 L5.019,10.166 L3.981,10.166 L3.981,8.879 C3.78769484,8.72535601 3.67503077,8.49192785 3.675,8.245 C3.675,7.78936508 4.04436508,7.42 4.5,7.42 C4.95563492,7.42 5.325,7.78936508 5.325,8.245 C5.32496923,8.49192785 5.21230516,8.72535601 5.019,8.879 L5.019,8.879 Z'/%3E%3C/svg%3E");
}

.main-buttons.--flat,
.main-buttons.--flat-adaptive {
	--mib-height: 37px;
	--mib-padding-left: 18px;
	--mib-padding-right: 18px;
	--mib-padding-top: 10px;
	--mib-margin-bottom: 0;
	--mib-radius: 0;
	--mib-background: transparent;

	--mib-item-spacing: 36px;
	--mib-item-font-size: 14px;
	--mib-item-font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	--mib-item-font-weight: var(--ui-font-weight-semi-bold, 600);
	--mib-item-underline-size: 2px;
	--mib-item-underline-color: #1058d0;
	--mib-item-underline-bottom: 0;
	--mib-item-hover-underline-size: var(--mib-item-underline-size);
	--mib-item-hover-underline-color: var(--mib-item-underline-color);

	--mib-item-color: #525c68;
	--mib-item-active-color: #1058d0;
}

.main-buttons.--compact {
	--mib-height: 47px;
	--mib-padding-left: 25px;
	--mib-padding-right: 25px;
	--mib-margin-bottom: 0;
	--mib-radius: 0;
	--mib-background: transparent;
	--mib-item-font-weight: var(--ui-font-weight-regular, 400);

	--mib-menu-underline-size: 1px;
	--mib-menu-underline-color: #e2e3e6;
	--mib-menu-underline-bottom: 0;

	--mib-item-font-size: 14px;
	--mib-item-underline-size: 1px;
	--mib-item-underline-color: #1058d0;
	--mib-item-underline-bottom: 0;
	--mib-item-spacing: 20px;
	--mib-item-font-family: inherit;
	--mib-item-drag-button-image-opacity: 0;

	--mib-item-edit-button-right: -15px;
	--mib-item-edit-button-top: 0;
}

.main-buttons.--small {
	--mib-height: 28px;
	--mib-padding-left: 0;
	--mib-padding-right: 0;
	--mib-margin-bottom: 0;
	--mib-radius: 0;
	--mib-background: transparent;
	--mib-item-font-weight: var(--ui-font-weight-regular, 400);

	--mib-menu-underline-size: 1px;
	--mib-menu-underline-color: #e2e3e6;
	--mib-menu-underline-bottom: 0;

	--mib-item-font-size: 13px;
	--mib-item-underline-size: 1px;
	--mib-item-underline-color: #1058d0;
	--mib-item-underline-bottom: 0;
	--mib-item-spacing: 20px;
	--mib-item-font-family: inherit;
	--mib-item-drag-button-image-opacity: 0;

	--mib-item-edit-button-right: -15px;
	--mib-item-edit-button-top: 0;
}

.main-buttons {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.main-buttons-box {
	display: flex;
	background: var(--mib-background);
	border-radius: var(--mib-radius);
	height: var(--mib-height);
	padding: var(--mib-padding-top) var(--mib-padding-right) var(--mib-padding-bottom) var(--mib-padding-left);
	margin-bottom: var(--mib-margin-bottom);
}

.main-buttons-box:after {
	display: block;
	content: '';
	position: absolute;
	height: var(--mib-menu-underline-size);
	left: 0;
	right: 0;
	bottom: var(--mib-menu-underline-bottom);
	background: var(--mib-menu-underline-color);
	z-index: 1;
}

.main-buttons-inner-container {
	display: inline-flex;
	flex-wrap: wrap;
	position: relative;
	margin-left: calc(var(--mib-item-spacing) * -1);
	z-index: 2;
}

.main-buttons-item {
	position: relative;
	display: inline-flex;
	margin-left: var(--mib-item-spacing);
	height: var(--mib-height);
	margin-bottom: var(--mib-height);
	box-sizing: border-box;
	text-decoration: none;

}
.main-buttons-item-insert-animation {
	transition: width 300ms, opacity 300ms, margin 300ms;
	overflow: hidden;
	width: 0;
	opacity: 0;
}

/* Hide position: absolute elements */
.main-buttons-item-insert-animation .main-buttons-item-drag-button,
.main-buttons-item-insert-animation .main-buttons-item-edit-button,
.main-buttons-item-insert-animation .main-buttons-item-counter {
	display: none;
}

.main-buttons-item-text-title {
	position: relative;
}

.main-buttons-item-text-title:after {
	display: block;
	content: '';
	position: absolute;
	height: 0;
	left: 0;
	right: 0;
	top: var(--mib-item-underline-top);
	bottom: var(--mib-item-underline-bottom);
	background: transparent;
	opacity: var(--mib-item-underline-opacity);
	z-index: 2;
	cursor: pointer;
	transition: background .3s ease;
}

.main-buttons-item.--has-menu .main-buttons-item-text-title:after {
	right: calc(var(--mib-item-menu-arrow-width) + var(--mib-item-menu-arrow-margin-left));
}

.main-buttons-menu-item .main-buttons-item-text-title:after {
	display: none;
}

.main-buttons-item-text-box {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main-buttons-item .main-buttons-item-text-box {
	top: 50%;
	transform: translateY(-50%);
}

.main-buttons-item-active:not(.menu-popup-item) .main-buttons-item-text-title:after,
.main-buttons-item.--over.main-buttons-item-active:not(.menu-popup-item) .main-buttons-item-text-title:after {
	background: var(--mib-item-underline-color);
	height: var(--mib-item-underline-size);
}

.main-buttons-item.--over .main-buttons-item-text-title:after {
	height: var(--mib-item-hover-underline-size);
	background: var(--mib-item-hover-underline-color);
}

.main-buttons.--default .main-buttons-item.--has-menu:before {
	display: block;
	content: '';
	position: absolute;
	left: -25px;
	top: 6px;
	right: -25px;
	bottom: 0;
	background: #fff;
	box-shadow: 0 6px 21px rgba(83, 92, 105, 0.15);
	border-radius: 10px 10px 0 0;
	opacity: 0;
	transition: opacity 100ms;
}

.main-buttons.--default .main-buttons-item.--has-menu.--menu-shown:before {
	opacity: 1;
	bottom: -8px;
}

.main-buttons.--default .main-buttons-drag .main-buttons-item.--has-menu:before {
	display: none;
}

.main-buttons.--default .main-buttons-item.--has-menu.--menu-shown:after {
	display: block;
	content: '';
	position: absolute;
	height: 1px;
	left: 0;
	right: 0;
	bottom: -1px;
	transition: none;
	background: rgba(82, 92, 105, 0.08);
}

.main-buttons.--default .main-buttons-item.--has-menu.--menu-shown {
	--mib-item-underline-opacity: 0;
}

.main-buttons-item.--has-menu .main-buttons-item-menu-arrow {
	display: inline-block;
	position: relative;
	width: var(--mib-item-menu-arrow-width);
	height: var(--mib-item-menu-arrow-height);
	margin-left: var(--mib-item-menu-arrow-margin-left);
	background-image: var(--mib-item-menu-arrow-image);
	background-repeat: no-repeat;
	align-self: center;
}

.main-buttons-edit .main-buttons-item.--has-menu .main-buttons-item-menu-arrow {
	opacity: 0;
}

/* region default popup menu */
.main-buttons-menu-popup {
	border-radius: 0 10px 10px 10px;
	box-shadow: 0px 15px 21px rgb(83 92 105 / 15%);
	clip-path: inset(0 -24px -28px -24px round 10px);
}

.main-buttons-menu-popup .popup-window-content {
	border-radius: 0 10px 10px 10px;
}

.main-buttons-menu-popup.--left-handed {
	border-radius: 10px 0 10px 10px;
}

.main-buttons-menu-popup.--left-handed .popup-window-content {
	border-radius: 10px 0 10px 10px;
}

.main-buttons-menu-popup.--sub-menu {
	border-radius: 10px;
	box-shadow: 0 6px 21px rgba(83, 92, 105, 0.15);
	clip-path: none;
}

.main-buttons-menu-popup.--sub-menu .popup-window-content {
	border-radius: 10px;
}

.main-buttons-menu-popup .menu-popup-item-text {
	color: #525c69;
	font: 14px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	line-height: 47px;
	padding: 0 25px;
}

.main-buttons-menu-popup .menu-popup-item-submenu .menu-popup-item-text {
	padding-right: 35px;
}

.main-buttons-menu-popup .menu-popup-item-submenu:after {
	right: 15px;
}

.main-buttons-more-menu-popup:not(.--sub-menu) .menu-popup-item-text {
	padding-left: 0;
}

.main-buttons-menu-popup .menu-popup .menu-popup-item {
	height: 47px;
	transition: none;
}

.main-buttons-menu-popup .menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator .menu-popup-item-text span {
	top: -25px !important;
}

/* endregion */

.main-buttons-item.--has-menu .main-buttons-item-sublink {
	display: none !important;
}

.main-buttons-item[data-disabled="true"] {
	display: none;
}

.main-buttons-item[data-disbanded="true"] {
	display: none;
}

.main-buttons-item-link {
	position: relative;
	display: flex;
	font-family: var(--mib-item-font-family);
	font-size: var(--mib-item-font-size);
	font-weight: var(--mib-item-font-weight);
	color: var(--mib-item-color);
	outline: none;
	transition: var(--mib-item-link-transition);
	text-decoration: none;
	vertical-align: middle;
	box-sizing: border-box;
	cursor: pointer;
	-khtml-user-drag: none;
	-webkit-user-drag: none;
	text-transform: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	white-space: nowrap;
	align-items: stretch;
}

.main-buttons-edit .main-buttons-item-link {
	cursor: move;
}

.main-buttons-item:focus,
.main-buttons-item:focus .main-buttons-item-link,
.main-buttons-item-link:focus {
	outline: none;
}

.main-buttons-item.--over .main-buttons-item-link,
.main-buttons-item:hover .main-buttons-item-link {
	color: var(--mib-item-hover-color);
}

.main-buttons-item-active .main-buttons-item-link {
	color: var(--mib-item-active-color);
}

.main-buttons-item.--passive {
	pointer-events: none;
}
.main-buttons-item.--passive .main-buttons-item-link {
	opacity: var(--mib-item-passive-opacity);
}

.main-buttons-edit .main-buttons-item .main-buttons-item-icon {
	opacity: calc(1 - var(--mib-item-drag-button-image-opacity));
}

.main-buttons-item.--locked .main-buttons-item-icon,
.main-buttons-menu-item.--locked .main-buttons-item-icon,
.main-buttons-submenu-item.--locked .main-buttons-item-icon {
	display: inline-flex;
	width: var(--mib-item-lock-icon-width);
	margin-right: var(--mib-item-lock-icon-margin-right);
	background-image: var(--mib-item-lock-icon-image);
	background-repeat: no-repeat;
	background-position: center;
}

.main-buttons-item.main-buttons-item-more {
	margin-left: var(--mib-item-spacing);
}

.main-buttons-item .main-buttons-item-text {
	position: relative;
	display: flex;
	align-items: stretch;
}

.main-buttons-item .main-buttons-item-counter {
	display: block;
	position: absolute;
	right: 0;
	transform: translateX(70%);
	top: calc(var(--mib-height) / 2 - var(--mib-item-font-size) / 2 - 14px);
	padding: 2px 5px 3px 5px;
	border-radius: 30px;
	background: #f54819;
	font: 11px/11px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: #fff;
	box-sizing: border-box;
	min-width: 16px;
	text-align: center;
}

.main-buttons-menu-popup-item {
	display: flex;
}

.main-buttons-edit .main-buttons-menu-popup-item {
	margin-right: 20px;
}

.main-buttons-item .main-buttons-item-counter:empty,
.menu-popup-item-text .main-buttons-item-counter:empty {
	display: none;
}

.menu-popup-item-text .main-buttons-item-text {
	margin: 0 2px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.menu-popup-item-text .main-buttons-item-counter {
	display: inline-block;
	align-self: center;
	padding: 2px 5px 3px 5px;
	border-radius: 30px;
	background: #f54819;
	font: 11px/11px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: #fff;
	box-sizing: border-box;
	min-width: 16px;
	text-align: center;
}

.menu-popup-item-text .main-buttons-item-pin {
	display: block;
	position: absolute;
	align-self: center;
	width: 40px;
	height: 100%;
	top: 0;
	right: 0;
	opacity: 0.6;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 0C0.223858 0 0 0.223858 0 0.5V1.5C0 1.77614 0.223858 2 0.5 2H9.5C9.77614 2 10 1.77614 10 1.5V0.5C10 0.223858 9.77614 0 9.5 0H0.5ZM2.20711 7C1.76165 7 1.53857 6.46143 1.85355 6.14645L4.64645 3.35355C4.84171 3.15829 5.15829 3.15829 5.35355 3.35355L8.14645 6.14645C8.46143 6.46143 8.23835 7 7.79289 7H6V10.5C6 10.7761 5.77614 11 5.5 11H4.5C4.22386 11 4 10.7761 4 10.5V7H2.20711Z' fill='%23525c68'/%3E%3C/svg%3E%0A");;
	z-index: 1;
}

.main-buttons-pin-hint-popup {
	white-space: nowrap;
	pointer-events: none;
}

.menu-popup-item-text .main-buttons-item-pin:hover {
	opacity: 1;
}

.main-buttons-item-sublink {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -8px;
	display: none;
	height: 15px;
	width: 40px;
	cursor: pointer;
	z-index: 3;
}

.main-buttons-item-sublink:before {
	content: '';
	position: absolute;
	top: 1px;
	left: 50%;
	height: 14px;
	width: 14px;
	margin-left: -8px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%227%22%20fill%3D%22%231058D0%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8%206V3H6v3H3v2h3v3h2V8h3V6H8z%22/%3E%3C/g%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: background-image .3s;
	transition: background-image .3s;
}

.main-buttons-item-sublink:hover:before {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%227%22%20fill%3D%22%232FC7F7%22/%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8%206V3H6v3H3v2h3v3h2V8h3V6H8z%22/%3E%3C/g%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: center;
}

.main-buttons-item:hover .main-buttons-item-sublink {
	display: block;
}

.main-buttons-item-super-title {
	position: absolute;
	top: 50%;
	margin-top: calc(var(--mib-item-font-size) * -1.35);
	font-family: var(--mib-item-super-title-font-family);
	font-size: var(--mib-item-super-title-font-size);
	line-height: var(--mib-item-super-title-font-size);
	font-weight: var(--mib-item-super-title-font-weight);
	color: var(--mib-item-super-title-color);
	text-transform: uppercase;
	margin-left: 1px;
}

.main-buttons-menu-item .main-buttons-item-super-title {
	margin-top: calc(var(--mib-item-font-size) * -1);
}

/**
 * Submenu styles
 */
.main-buttons-submenu-item {
	min-width: 195px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-khtml-user-drag: element;
	-webkit-user-drag: element;
	text-transform: none;
}

.menu-popup-items .menu-popup-item.main-buttons-submenu-item.secret {
	display: none !important;
}

.main-buttons-submenu-item.main-buttons-disabled {
	opacity: .8;
}

.main-buttons-submenu-item .menu-popup-item-icon {
	display: inline;
	width: 0;
}

.main-buttons-submenu-item.noicon .menu-popup-item-icon {
	display: none;
}

.main-buttons-edit .main-buttons-submenu-item .main-buttons-item-menu-arrow{
	display: none;
}

.main-buttons-edit .main-buttons-submenu-item.menu-popup-item-submenu:after {
	display: none;
}

/**
 * Dropzone styles
 */
.popup-window .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone {
	display: none;
}

.popup-window .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.popup-window .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone::after {
	position: absolute;
	content: '';
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	border: 1px rgba(0, 0, 0, .2) dashed;
	border-radius: 2px;
}

.popup-window .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone.--over::after {
	border: 2px rgba(0, 0, 0, .2) dashed;
}

.popup-window .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone .menu-popup-item-icon {
	display: none;
}

.popup-window .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone .menu-popup-item-text {
	height: auto;
	line-height: 45px;
}

.main-buttons-drag .menu-popup-items .menu-popup-item.main-buttons-submenu-dropzone {
	background: #f0f5f5;
	position: relative;
	display: block !important;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	margin-top: 10px;
	/*margin-bottom: 10px;*/
	box-shadow: none;
	border: none;
	height: 48px;
	min-width: 140px;
}

.main-buttons-item-edit-button,
.main-buttons-item-drag-button {
	position: absolute;
	display: flex;
	width: 16px;
	height: 18px;
	right: var(--mib-item-edit-button-right);
	/*top: var(--mib-item-edit-button-top);*/
	top: 50%;
	transform: translateY(-50%);
	margin-top: 1px;
	pointer-events: none;
	opacity: 0;
	cursor: pointer;
	-webkit-transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	-ms-transition: opacity 200ms;
	-o-transition: opacity 200ms;
	transition: opacity 200ms;
}

.main-buttons-item.--has-menu .main-buttons-item-edit-button {
	right: 1px;
}

.main-buttons-item-edit-button {
	z-index: 2;
}

.main-buttons-item-drag-button {
	z-index: 1;
	left: -15px;
	right: auto;
	cursor: move;
}

.main-buttons-edit .main-buttons-item-edit-button,
.main-buttons-edit .main-buttons-item-drag-button {
	opacity: .4;
	pointer-events: all;
}

.main-buttons-edit .main-buttons-item-edit-button {
	opacity: var(--mib-item-edit-button-opacity);
}

.main-buttons-edit .main-buttons-item-drag-button {
	opacity: var(--mib-item-drag-button-opacity);
}

.main-buttons-edit .main-buttons-item-edit-button:hover,
.main-buttons-edit .main-buttons-item-drag-button:hover {
	opacity: 1;
}

.main-buttons-item-edit-button::after,
.main-buttons-item-drag-button::after {
	display: inline-block;
	content: '';
	width: 16px;
	height: 18px;
}

.main-buttons-item-edit-button::after {
	background-image: var(--mib-item-edit-button-image);
	background-repeat: no-repeat;
	background-position: center;
	opacity: var(--mib-item-edit-button-image-opacity);
}

.main-buttons-item-drag-button::after {
	background-image: var(--mib-item-drag-button-image);
	background-repeat: no-repeat;
	background-position: center;
	opacity: var(--mib-item-drag-button-image-opacity);
}

.main-buttons-menu-item .main-buttons-item-edit-button,
.main-buttons-menu-item .main-buttons-item-drag-button {
	display: none;
}

.main-buttons-submenu-item .main-buttons-item-edit-button,
.main-buttons-submenu-item .main-buttons-item-drag-button {
	height: auto;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-buttons-submenu-item .main-buttons-item-edit-button {
	right: 0;
	width: 35px;
}

.main-buttons-submenu-item .main-buttons-item-drag-button {
	right: auto;
	left: 0;
}

.main-buttons-submenu-setting {
	position: relative;
}

.main-buttons-submenu-setting .menu-popup-item-text::before {
	content: '';
	position: relative;
	top: 5px;
	right: 0;
	display: inline-block;
	height: 18px;
	width: 20px;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.576 9.565a2.632 2.632 0 0 1-3.14-3.141c.19-.897 1.091-1.798 1.988-1.989a2.632 2.632 0 0 1 3.141 3.141 2.588 2.588 0 0 1-1.989 1.989Zm4.282-3.756a4.985 4.985 0 0 0-.406-1.094.04.04 0 0 1 .005-.045l.828-1.027a.583.583 0 0 0-.018-.754l-.525-.592a.583.583 0 0 0-.747-.106l-1.13.71a4.968 4.968 0 0 0-1.64-.746.041.041 0 0 1-.03-.033L7.978.821a.583.583 0 0 0-.575-.488H6.61a.581.581 0 0 0-.574.488l-.218 1.302a.04.04 0 0 1-.03.033 4.967 4.967 0 0 0-1.353.562.04.04 0 0 1-.045-.002l-1.053-.751a.584.584 0 0 0-.751.062l-.56.56a.583.583 0 0 0-.061.751l.753 1.055c.01.013.01.03.001.045a4.98 4.98 0 0 0-.557 1.342.04.04 0 0 1-.033.03l-1.31.22a.583.583 0 0 0-.487.574v.792c0 .285.207.528.488.575l1.309.218a.041.041 0 0 1 .033.03c.098.392.238.766.423 1.114a.041.041 0 0 1-.005.045l-.824 1.021a.583.583 0 0 0 .018.754l.525.591c.19.214.506.259.747.107l1.123-.706a.04.04 0 0 1 .045.001c.48.324 1.02.563 1.6.705l.222 1.328c.045.281.29.488.574.488h.792a.583.583 0 0 0 .575-.488l.217-1.301a.04.04 0 0 1 .03-.033c.478-.12.925-.308 1.337-.553a.041.041 0 0 1 .045.002l1.097.783c.231.166.55.14.751-.062l.56-.56a.581.581 0 0 0 .061-.75l-.78-1.096a.04.04 0 0 1-.002-.045c.248-.414.438-.866.558-1.347a.04.04 0 0 1 .033-.03l1.294-.216a.582.582 0 0 0 .488-.576v-.79a.583.583 0 0 0-.488-.576l-1.32-.22Z' fill='%232FC6F6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.main-buttons-submenu-settings-apply .menu-popup-item-text {
	overflow: visible;
}

.main-buttons-submenu-settings-apply .ui-btn-icon-main-buttons-apply {
	--ui-btn-icon: url("data:image/svg+xml,%3Csvg width='13' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.862 9.411a.3.3 0 0 1-.418 0L.446 5.515a.4.4 0 0 1 0-.573l1.002-.977a.4.4 0 0 1 .558 0l2.647 2.58 6.34-6.18a.4.4 0 0 1 .559 0l1.002.977a.4.4 0 0 1 0 .573L4.862 9.41Z' fill='%238AB700'/%3E%3C/svg%3E");
	padding-left: 30px;
	margin-left: -11px;
	margin-top: -3px;
}

.main-buttons-submenu-settings-apply,
.main-buttons-submenu-settings-reset,
.main-buttons-submenu-setting,
.main-buttons-hidden-label {
	-webkit-user-drag: none;
	user-drag: none;
}

.main-buttons-more-menu-popup:not(.main-buttons-edit) .menu-popup-item.main-buttons-submenu-settings-apply {
	display: none;
}

.main-buttons-more-menu-popup.main-buttons-edit .menu-popup-item.main-buttons-submenu-setting {
	display: none;
}

.main-buttons-submenu-item-no-hidden {
	text-align: center;
	padding: 12px 5px;
	opacity: .6;
	cursor: default !important;
}

.main-buttons-submenu-item-no-hidden:hover {
	background: #fff;
}

.main-buttons-submenu-item-no-hidden.--over {
	opacity: 1;
}

.main-buttons-submenu-item-no-hidden .menu-popup-item-text {
	white-space: normal;
	line-height: normal;
}

.menu-popup-item.main-buttons-submenu-item.main-buttons-item-active {
	border-bottom: none !important;
	height: auto !important;
}

.menu-popup-item.main-buttons-submenu-item.main-buttons-item-active .main-buttons-item-text-title {
	color: #0063c6;
}

.main-buttons-menu-item-active .menu-popup-item-text {
	color: #0063c6 !important;
}

/* region  child button */
.main-buttons-item[data-parent-item-id] .main-buttons-item-edit-button,
.main-buttons-item[data-has-child] .main-buttons-item-edit-button,
.main-buttons-item[data-parent-item-id] .main-buttons-item-drag-button,
.main-buttons-item[data-has-child] .main-buttons-item-drag-button {
	display: none !important;
}

.main-buttons-item-child {
	display: inline-flex;
	position: relative;
}

.main-buttons-item-child[data-is-opened="true"]:not(.main-buttons-item-child-button-cloned) {
}

.main-buttons-item-child-list {
	flex-grow: 1;
	overflow: hidden;
	max-width: 0;
	opacity: 0;
	transition: 200ms max-width ease, 200ms opacity ease;
}

.main-buttons-item-child[data-is-opened="true"] .main-buttons-item-child-list {
	opacity: 1;
}

.main-buttons-item-child-list-inner {
	white-space: nowrap;
}

.main-buttons-item-child[data-is-opened="true"] .main-buttons-item-child-list-inner {
	margin-left: 0;
}

.main-buttons-item-child-button {
	position: absolute;
	width: 26px;
	height: 60px;
	border-right: 1px rgba(82, 92, 105, .35) solid;
	cursor: pointer;
	top: 0;
	right: -35px;
	transition: 200ms border ease;
}

.main-buttons-item-child-button::after {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='6px' height='10px' viewBox='0 0 6 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcons /?\B7?Set 1 / Icon 14%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ui-/-common-/-top-navigation-divider' transform='translate(-91.000000, -25.000000)'%3E%3Crect id='Rectangle-8' x='0' y='0' width='976' height='60'%3E%3C/rect%3E%3Cg id='Icons-/-\B7-Set-1-/-Icon-14' transform='translate(87.000000, 23.000000)' fill='%23525C69'%3E%3Cpolygon id='Icon' points='4.76025178 3.70042132 7.40103151 6.34120105 8.08503572 7 7.40103151 7.6591903 4.76025178 10.29997 5.69210783 11.2318261 9.92370058 7.00023333 5.69210783 2.76864058'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-block;
	content: '';
	position: absolute;
	width: 6px;
	height: 10px;
	top: 53%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.main-buttons-item-child-button:hover {
	border-right: 1px rgba(82, 92, 105, .8) solid;
}

.main-buttons-item-child-button:hover::after {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='6px' height='10px' viewBox='0 0 6 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EIcons /?\B7?Set 1 / Icon 14%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ui-/-common-/-top-navigation-divider' transform='translate(-91.000000, -25.000000)'%3E%3Crect id='Rectangle-8' x='0' y='0' width='976' height='60'%3E%3C/rect%3E%3Cg id='Icons-/-\B7-Set-1-/-Icon-14' transform='translate(87.000000, 23.000000)' fill='%23333333'%3E%3Cpolygon id='Icon' points='4.76025178 3.70042132 7.40103151 6.34120105 8.08503572 7 7.40103151 7.6591903 4.76025178 10.29997 5.69210783 11.2318261 9.92370058 7.00023333 5.69210783 2.76864058'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

[data-is-opened] .main-buttons-item-child-button::after {
	top: 54%;
	transform: translateY(-50%) translateX(-50%) scale(-1, -1);
}

[data-is-opened] .main-buttons-item-child-button {
	right: -30px;
}

.main-buttons-item-child-button-cloned {
	opacity: 0;
	transition: opacity 200ms ease;
	margin-left: -26px;
	width: 26px;
	transform: translateX(34px);
	z-index: 1;
}

.main-buttons-item-child-button-cloned .main-buttons-item-child-button {
	border-right: none;
	position: relative;
	left: 0;
}

.main-buttons-item-child-button-cloned:hover {
	opacity: .6;
}

/* endregion */
